JavaScript / CSS 圧縮・軽量化（Minify）
JavaScript、CSSのソースコードを圧縮、軽量化
特徴
JS・CSS両対応の圧縮
タブ切替で2言語のソースを軽量化
コメント・空白を一括除去
改行や不要なセミコロンも自動で削減
削減量を数値で可視化
圧縮前後のサイズと削減率を即表示
文字列・正規表現を保持
コード内のリテラルを壊さず安全に圧縮
使い方
圧縮する言語の選択
JavaScriptとCSSのタブから圧縮する言語を選択
ソースコードの入力
入力欄にコードを貼り付け、またはサンプルボタンで試用
圧縮ボタンで実行
空白やコメントを除去した圧縮結果を生成
圧縮結果の確認と保存
圧縮後コードと削減率を確認し、コピーやダウンロードで取得
ユースケース
Webサイトの表示高速化
JS・CSSのファイルサイズを削減し読み込み時間を短縮
本番公開前の最終処理
リリース用アセットを軽量化し配信コストを抑制
モバイル通信量の節約
モバイル環境向けに転送データ量を圧縮して節約
ソースコードの難読化
整形情報を除いてソースを読み取りにくく加工
基礎知識
ミニファイと難読化の違い
ミニファイは空白・改行・コメントを取り除いてファイルを軽くする処理のことで、結果的に読みにくくはなりますが、解読を防ぐ目的の難読化（変数名の置換や構造の変換）とは別のものです。
gzip圧縮との関係
ミニファイとサーバー側の gzip・Brotli 圧縮は併用でき、両方かけるのが定石です。ミニファイで元のサイズを減らしたうえで転送時にさらに圧縮されるため、効果は重ねて効きます。
安全性とプライバシー
ブラウザ完結
入力データはお使いのブラウザ内だけで処理され、外部に送信されません。
ブラウザ内のみで処理
コードの圧縮はすべてお使いのブラウザ内で行われ、入力データはサーバーに送信されません。
通信はHTTPSで暗号化
ページの読み込みもTLSにより暗号化され、第三者から内容を読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
結果の自動保存なし
入力・圧縮結果や入力候補をサーバーに保管することはありません。
Google検索でラッコツールズをフォロー
202件の便利なツールが、Google検索・AI検索から探しやすくなります！
- 検索で見つかる
- AI検索でも表示
- 新ツールも発見
更新情報
- update #216
一部ツールで日本語以外のページに日本語の文言が表示される問題を修正
- update #162
CSS圧縮ツールで半透明色が一部ブラウザで無効になる問題を解消
- update #86
CSS圧縮ツールでセレクタ空白の消失によるレイアウト崩れを解消
- update #27
圧縮ツールでJS識別子分割やCSS子孫セレクタ崩れなどの出力不具合を解消
- update #7
JS/CSS圧縮ツールで演算式やメディアクエリの必須スペースを保持
ラッコM&A 案件一覧
注目のツール
ラッコツールズは自由にご活用いただけます！
個人・法人を問わず、商用・非商用を問わず無料でご利用いただけます。事前の許可や利用申請も必要ありません。さまざまなシーンで自由にご活用ください。
配信・動画での利用
くじ引きや抽選など、各種ツールをライブ配信・動画内で利用できます。
学校・仕事・イベントでの利用
授業、チーム分け、社内業務、イベントなど、さまざまな場面で活用できます。
Web・書籍・SNSでの紹介
便利なツールとして、Webメディア・書籍・SNSなどで自由に紹介できます。
商用利用
調査・計算・加工・変換など、業務や制作など商用目的でもご利用いただけます。
紹介してもらえると、ツールを作る元気がわいてきます！
配信・動画でご利用の場合
概要欄などへのラッコツールズのリンク掲載、または配信・動画内で「ラッコツールズ」を使用していることの言及・表示をお願いします。
概要欄に貼れるクレジット例
利用上のお願い通常の利用であれば自由にお使いいただけます。ただし、法令に違反する目的での利用、第三者の権利を侵害する利用、サービスに著しい負荷をかける利用、不正アクセスその他サービスの運営を妨害する行為は禁止します。
各ツールから得られる情報・計算結果等について、正確性・完全性を保証するものではありません。